<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>包邮政策-聚美优品</title>
  <!-- 引入logistics.css -->
  <link rel="stylesheet" href="./css/logistics.css">
  <!-- 引入reset.css -->
  <link rel="stylesheet" href="./css/reset.css">
  <script src="./js/jquery-3.3.1.js"></script>
  <!-- 引入login.js -->
  <script src="./js/logistics.js"></script>
</head>

<body>
  <!-- 顶部导航 -->
  <div class="top-bar">
    <div class="common">
      <!-- 顶部导航左边 -->
      <div class="top-bar-left">
        <span>欢迎来到聚美！</span>
        <a href="./login.html">请登录</a>
        <a href="./register.html">快速注册</a>
      </div>
      <!-- 顶部导航右边 -->
      <div class="top-bar-right">
        <ul>
          <li><a href="#">正品保证</a></li>
          <li><a href="#">订单查询</a></li>
          <li class="xin"><a href="#">收藏的品牌</a></li>
          <li class="my-jm-box">
            <span class="my-jm">
              我的聚美
              <ul class="my-jm-sel-menu">
                <li><a href="">我的订单</a></li>
                <li><a href="">我的现金券</a></li>
                <li><a href="">我的红包</a></li>
                <li><a href="">我的余额</a></li>
                <li><a href="">我的提现退款</a></li>
                <li><a href="">我的收藏</a></li>
                <li><a href="">我的心愿单</a></li>
                <li><a href="">会员中心</a></li>
                <li><a href="">礼品卡兑换</a></li>
              </ul>
            </span>
          </li>
          <li class="tel-jm">
            <span class="line"></span>
            <a href="" class="tel-jm-sel">
              手机聚美
            </a>
          </li>
          <li>
            <a href="" class="tel-jm-kb">口碑中心</a>
          </li>
          <li> <span class="line"></span></li>
          <li class="mores" style=" margin-left: 0px;">
            <span class="more">
              更多
              <ul class=" my-jm-sel-menu1">
                <li><a href="#">邀请好友</a></li>
                <li><a href="#">加入收藏</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">聚美微信</a></li>
                <li><a href="#">百度贴吧</a></li>
                <li><a href="#">腾讯微博</a></li>
                <li><a href="#">人人公众主页</a></li>
              </ul>
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 中间logo -->
  <div class="serch">
    <div class="common">
      <a href="#">
        <img src="./image/logo.jpg" alt="" class="serch-logo">
      </a>
      <!-- 结算 -->
      <a href="" class="shop">
        <s class="shopPic">
          <img src="./image/cart.gif" alt="">
        </s>
        <span class="shop-car">去购物车结算</span>
        <i></i>
        <div class="box">
          <p>购物车中没有商品，</p>
          <p>快去挑选心爱的商品吧!</p>
        </div>
      </a>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="common">
      <!-- 导航栏左边部分 -->
      <div class="nav-left">
        <ul class="nav-big-ul">
          <li class="first-page"><a href="./index.html">首页</a></li>
          <li><a href="./topspeedFree.html">极速免税店</a></li>
          <li><a href="./mother.html">母婴特卖</a></li>
          <li class="nav-makeup">
            <a href="./Beautifulmall.html">美妆商城</a>
            <b></b>
            <div class="nav-makeup-menu">
              <ul>
                <li style="margin-left: 9px;">
                  <a href="">
                    <img src="./image/nav-makeup-one.jpg" alt="">
                  </a>
                </li>
                <!-- 国际大牌 -->
                <li>
                  <h4>
                    <i></i>
                    国际大牌
                  </h4>
                  <p>
                    <a href="#">兰蔻</a>
                    <a href="#">娇韵诗</a>
                    <a href="#">伊丽莎白雅顿</a>
                  </p>
                  <p>
                    <a href="#">雅诗兰黛</a>
                    <a href="#">欧莱雅</a>
                    <a href="#">兰芝</a>
                    <a href="#">倩碧</a>
                  </p>
                  <p>
                    <a href="#">雅漾</a>
                    <a href="#">菲诗小铺</a>
                    <a href="#">悦诗风吟</a>
                  </p>
                </li>
                <!-- 护肤 -->
                <li>
                  <h4>
                    <i></i>
                    护肤
                  </h4>
                  <p>
                    <a href="#">洁面</a>
                    <a href="#">爽肤水</a>
                    <a href="#">精华</a>
                    <a href="#">乳液</a>
                    <a href="#">面霜</a>
                  </p>
                  <p>

                    <a href="#">眼霜</a>
                    <a href="#">面膜</a>
                    <a href="#">护肤套装</a>
                  </p>
                </li>
                <!-- 彩妆 -->
                <li>
                  <h4>
                    <i></i>
                    彩妆
                  </h4>
                  <p>
                    <a href="#">卸妆</a>
                    <a href="#">BB霜</a>
                    <a href="#">粉底液</a>
                    <a href="#">粉饼</a>
                  </p>
                  <p>
                    <a href="#">眼影</a>
                    <a href="#">眼线笔</a>
                    <a href="#">睫毛膏</a>
                    <a href="#">眉笔</a>
                  </p>
                  <p>
                    <a href="#">口红</a>
                    <a href="#">腮红</a>

                  </p>

                </li>
                <li style="margin-left: 9px;">
                  <a href="">
                    <img src="./image/nav-makeup-two.jpg" alt="">
                  </a>
                </li>
                <!-- 香氛 -->
                <li>
                  <h4>
                    <i></i>
                    香氛
                  </h4>
                  <p>
                    <a href="#">女士香水</a>
                    <a href="#">男士香水</a>
                    <a href="#">中性香水</a>
                  </p>
                  <p>
                    <a href="#">Q版香水</a>
                    <a href="#">香水套装</a>
                    <a href="#">精油</a>
                  </p>
                </li>
                <!-- 男士专区 -->
                <li>
                  <h4>
                    <i></i>
                    男士专区
                  </h4>
                  <p>
                    <a href="#">洁面</a>
                    <a href="#">爽肤水</a>
                    <a href="#">面霜</a>
                    <a href="#">精华</a>
                  </p>
                  <p>
                    <a href="#">洗发</a>
                    <a href="#">沐浴</a>
                  </p>
                </li>
                <li>
                  <h4>
                    <i></i>
                    热门搜索
                  </h4>
                  <p>
                    <a href="#">面膜贴</a>
                    <a href="#">洗面奶</a>
                    <a href="#">唇膏</a>
                    <a href="#">去黑头</a>
                  </p>
                  <p>

                    <a href="#">祛斑</a>
                    <a href="#">隔离</a>
                    <a href="#">祛痘</a>
                    <a href="#">去角质</a>
                  </p>
                  <p>
                    <a href="#">指甲油</a>

                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li><a href="./Luxurious.html">国际轻奢</a></li>
          <li><a href="./sports.html">服装运动</a></li>
          <li><a href="./accessories.html">鞋包服饰</a></li>
        </ul>

      </div>
      <!-- 导航栏右边部分 -->
      <div class="nav-right">
        <ul>
          <li><a href=""><img src="./image/nav-right-one.jpg" alt=""></a></li>
          <li><a href=""><img src="./image/nav-right-two.jpg" alt=""></a></li>
          <li><a href=""><img src="./image/nav-right-three.jpg" alt=""></a></li>
        </ul>
      </div>

    </div>
  </div>
  <!-- 中间部分 -->
  <div class="center-list">
    <div class="container">
      <ul class="helptopnav">
        <li class="help-list">
          <a href="" class="item01"></a>
        </li>
        <li class="help-list">
          <a href="" class="item02"></a>
        </li>
        <li class="help-list">
          <a href="" class="item03"></a>
        </li>
        <li class="help-list">
          <a href="" class="item04"></a>
        </li>
        <li class="help-list">
          <a href="" class="item05"></a>
        </li>
      </ul>
      <div class="profile">
        <div class="nav">
          <h2>
            <b></b>
            <a href="" class="help-center">帮助中心</a>
          </h2>

        </div>
      </div>
    </div>
  </div>
</body>

</html>